﻿<!DOCTYPE html>
<html>
  <head>
    <title>视图控制器 View Controllers</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/______view_controllers/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/______view_controllers/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u11972" class="ax_default" data-label="背景">
        <div id="u11972_state0" class="panel_state" data-label="State1" style="">
          <div id="u11972_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u11973" class="ax_default" data-label="线条">
        <div id="u11973_state0" class="panel_state" data-label="State1" style="">
          <div id="u11973_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11974" class="ax_default _默认样式">
        <div id="u11974_div" class=""></div>
        <div id="u11974_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11975" class="ax_default _默认样式">
        <div id="u11975_div" class=""></div>
        <div id="u11975_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u11977" class="ax_default _默认样式">
        <img id="u11977_img" class="img " src="images/___icons/u605.png"/>
        <div id="u11977_text" class="text ">
          <p><span>Copyright © </span><a id="u11978" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11979" class="ax_default _默认样式">
        <div id="u11979_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11980" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u11981" class="ax_default _默认样式">
          <div id="u11981_div" class=""></div>
          <div id="u11981_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">下面为几组常用的视图控制器，方便快速复用，可根据需要调整元件的风格及内容。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11982" class="ax_default _默认样式">
          <div id="u11982_div" class=""></div>
          <div id="u11982_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11983" class="ax_default" data-left="237" data-top="597" data-width="81" data-height="80">

        <!-- Unnamed (Semicircle) -->
        <div id="u11984" class="ax_default _默认样式">
          <img id="u11984_img" class="img " src="images/______view_controllers/u11984.png"/>
          <div id="u11984_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Semicircle) -->
        <div id="u11985" class="ax_default _默认样式">
          <img id="u11985_img" class="img " src="images/______view_controllers/u11984.png"/>
          <div id="u11985_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11986" class="ax_default" data-left="197" data-top="519" data-width="263" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u11987" class="ax_default _默认样式">
          <div id="u11987_div" class=""></div>
          <div id="u11987_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11988" class="ax_default _默认样式">
          <div id="u11988_div" class=""></div>
          <div id="u11988_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11989" class="ax_default _默认样式">
          <div id="u11989_div" class=""></div>
          <div id="u11989_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11990" class="ax_default _默认样式">
          <div id="u11990_div" class=""></div>
          <div id="u11990_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11991" class="ax_default" data-left="282" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u11992" class="ax_default _默认样式">
          <div id="u11992_div" class=""></div>
          <div id="u11992_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11993" class="ax_default _默认样式">
          <div id="u11993_div" class=""></div>
          <div id="u11993_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11994" class="ax_default" data-left="384" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u11995" class="ax_default _默认样式">
          <div id="u11995_div" class=""></div>
          <div id="u11995_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11996" class="ax_default _默认样式">
          <div id="u11996_div" class=""></div>
          <div id="u11996_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11997" class="ax_default" data-left="227" data-top="404" data-width="203" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u11998" class="ax_default _默认样式" selectiongroup="视图控制器-1">
          <div id="u11998_div" class=""></div>
          <div id="u11998_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11999" class="ax_default _默认样式" selectiongroup="视图控制器-1">
          <div id="u11999_div" class=""></div>
          <div id="u11999_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12000" class="ax_default _默认样式" selectiongroup="视图控制器-1">
          <div id="u12000_div" class=""></div>
          <div id="u12000_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12001" class="ax_default _默认样式" selectiongroup="视图控制器-1">
          <div id="u12001_div" class=""></div>
          <div id="u12001_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12002" class="ax_default" data-left="251" data-top="464" data-width="155" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u12003" class="ax_default _默认样式" selectiongroup="视图控制器-2">
          <div id="u12003_div" class=""></div>
          <div id="u12003_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12004" class="ax_default _默认样式" selectiongroup="视图控制器-2">
          <div id="u12004_div" class=""></div>
          <div id="u12004_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12005" class="ax_default _默认样式" selectiongroup="视图控制器-2">
          <div id="u12005_div" class=""></div>
          <div id="u12005_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12006" class="ax_default _默认样式" selectiongroup="视图控制器-2">
          <div id="u12006_div" class=""></div>
          <div id="u12006_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12007" class="ax_default" data-left="175" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u12008" class="ax_default _默认样式">
          <div id="u12008_div" class=""></div>
          <div id="u12008_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12009" class="ax_default _默认样式">
          <div id="u12009_div" class=""></div>
          <div id="u12009_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12010" class="ax_default" data-left="349" data-top="594" data-width="80" data-height="83">

        <!-- Unnamed (Semicircle) -->
        <div id="u12011" class="ax_default _默认样式">
          <img id="u12011_img" class="img " src="images/______view_controllers/u12011.png"/>
          <div id="u12011_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Semicircle) -->
        <div id="u12012" class="ax_default _默认样式">
          <img id="u12012_img" class="img " src="images/______view_controllers/u12011.png"/>
          <div id="u12012_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12013" class="ax_default" data-left="749" data-top="597" data-width="81" data-height="80">

        <!-- Unnamed (Semicircle) -->
        <div id="u12014" class="ax_default _默认样式">
          <img id="u12014_img" class="img " src="images/______view_controllers/u12014.png"/>
          <div id="u12014_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Semicircle) -->
        <div id="u12015" class="ax_default _默认样式">
          <img id="u12015_img" class="img " src="images/______view_controllers/u12014.png"/>
          <div id="u12015_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12016" class="ax_default" data-left="709" data-top="519" data-width="263" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u12017" class="ax_default _默认样式">
          <div id="u12017_div" class=""></div>
          <div id="u12017_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12018" class="ax_default _默认样式">
          <div id="u12018_div" class=""></div>
          <div id="u12018_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12019" class="ax_default _默认样式">
          <div id="u12019_div" class=""></div>
          <div id="u12019_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12020" class="ax_default _默认样式">
          <div id="u12020_div" class=""></div>
          <div id="u12020_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12021" class="ax_default" data-left="794" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u12022" class="ax_default _默认样式">
          <div id="u12022_div" class=""></div>
          <div id="u12022_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12023" class="ax_default _默认样式">
          <div id="u12023_div" class=""></div>
          <div id="u12023_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12024" class="ax_default" data-left="896" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u12025" class="ax_default _默认样式">
          <div id="u12025_div" class=""></div>
          <div id="u12025_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12026" class="ax_default _默认样式">
          <div id="u12026_div" class=""></div>
          <div id="u12026_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12027" class="ax_default" data-left="739" data-top="404" data-width="203" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u12028" class="ax_default _默认样式" selectiongroup="视图控制器-3">
          <div id="u12028_div" class=""></div>
          <div id="u12028_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12029" class="ax_default _默认样式" selectiongroup="视图控制器-3">
          <div id="u12029_div" class=""></div>
          <div id="u12029_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12030" class="ax_default _默认样式" selectiongroup="视图控制器-3">
          <div id="u12030_div" class=""></div>
          <div id="u12030_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12031" class="ax_default _默认样式" selectiongroup="视图控制器-3">
          <div id="u12031_div" class=""></div>
          <div id="u12031_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12032" class="ax_default" data-left="763" data-top="464" data-width="155" data-height="30">

        <!-- Unnamed (Rectangle) -->
        <div id="u12033" class="ax_default _默认样式" selectiongroup="视图控制器-4">
          <div id="u12033_div" class=""></div>
          <div id="u12033_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12034" class="ax_default _默认样式" selectiongroup="视图控制器-4">
          <div id="u12034_div" class=""></div>
          <div id="u12034_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12035" class="ax_default _默认样式" selectiongroup="视图控制器-4">
          <div id="u12035_div" class=""></div>
          <div id="u12035_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12036" class="ax_default _默认样式" selectiongroup="视图控制器-4">
          <div id="u12036_div" class=""></div>
          <div id="u12036_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12037" class="ax_default" data-left="687" data-top="344" data-width="92" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u12038" class="ax_default _默认样式">
          <div id="u12038_div" class=""></div>
          <div id="u12038_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12039" class="ax_default _默认样式">
          <div id="u12039_div" class=""></div>
          <div id="u12039_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12040" class="ax_default" data-left="861" data-top="594" data-width="80" data-height="83">

        <!-- Unnamed (Semicircle) -->
        <div id="u12041" class="ax_default _默认样式">
          <img id="u12041_img" class="img " src="images/______view_controllers/u12041.png"/>
          <div id="u12041_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Semicircle) -->
        <div id="u12042" class="ax_default _默认样式">
          <img id="u12042_img" class="img " src="images/______view_controllers/u12041.png"/>
          <div id="u12042_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
